﻿import react from 'react';

const UserCard = (props) =>{
    console.log(props)
    console.log(props.children.props.name)
    return(
        <div className={'ui card'}>
            <div className={'content'}>
                <div className={'header'}>{props.children.props.name}</div>
                <div className={'description'}>
                    { props.children }
                </div>
            </div>
            <div className={'ui buttom button '}>
                <i className={'add icon'}></i>
                Add Friends
            </div>
        </div>
    )
}

export default UserCard;